<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>淘宝网</title>
<link href="css/public.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body>
<header id="top">
	<div class="margin clear">
    	<div class="l">
        	<a href="#">亲，请登录</a>
            <a href="#">免费注册</a>
            <a href="#">手机逛淘宝</a>
        </div>
        <div class="r">
        	<a href="#">我的淘宝</a>
            <img src="images/header1.jpg"/>
            <img src="images/header2.jpg"/>
            <a href="#">购物车<b>0</b></a>
            <img src="images/header1.jpg"/>
            <img src="images/header3.jpg"/>
            <a href="#">收藏夹</a>
            <img src="images/header1.jpg"/>
            <a href="#">商品分类</a>
            <span>|</span>
            <a href="#">卖家中心</a>
            <img src="images/header1.jpg"/>
            <a href="#">联系客服</a>
            <img src="images/header1.jpg"/>
            <img src="images/header4.jpg"/>
            <a href="#">网站导航</a>
            <img src="images/header1.jpg"/>
        </div>
    </div>
</header>

<header id="header" class="clear">
    <a class="logo" href="#"><img src="images/headerlogo.jpg"/></a>
    <div class="c clear">
    	<ul class="clear">
        	<li><a href="#">宝贝</a></li>
            <li><a href="#">天猫</a></li>
            <li><a href="#">店铺</a></li>
        </ul>
        <div class="search clear">
        	<div class="zuo">
            	<img src="images/header5.jpg"/>
        		<input type="text"/ placeholder="大神聊跑步 选装备">
                <img src="images/header6.jpg"/>
            </div>
            <input type="submit" value="搜索" class="sub"/>
            <a href="#">高级搜索</a>
        </div>
        <p class="clear">
        	<a href="#">新款连衣裙</a>
            <a href="#">四件套</a>
            <a href="#">潮流T恤</a>
            <a href="#">时尚女鞋</a>
            <a href="#">短裤</a>
            <a href="#">半身裙</a>
            <a href="#">男士外套</a>
            <a href="#">墙纸</a>
            <a href="#">行车记录仪</a>
            <a href="#">新款男鞋</a>
            <a href="#">耳机</a>
            <a href="#">更多&gt;</a>
        </p>
        <div class="tianmao clear">
        	<img src="images/header7.jpg"/>
            <a href="#">聚划算</a>
            <a href="#">天猫超市</a>
            <span>|</span>
            <a href="#">淘抢购</a>
            <a href="#">电器城</a>
            <a href="#">司法拍卖</a>
            <a href="#">中国质造</a>
            <a href="#">特色中国</a>
            <span>|</span>
            <a href="#">飞猪旅行</a>
            <a href="#">智能生活</a>
            <a href="#">苏宁易购</a>
        </div>
    </div>
    <div class="r clear">
    	<div class="barcode">
        	<p>手机淘宝</p>
            <img src="images/header8.jpg"/>
        </div>
        <i class="valign"><img src="images/header9.jpg"/></i>
    </div>
</header>

<section id="main">
	<div class="margin">
    	<div class="t clear">
        	<div class="l">
            	<div class="l-t clear">
                	<div class="l-t-l">
                    	<p class="clear">
                        	<b>主题市场</b>
                            <i class="ia"></i>
                        </p>
                        <ul>
                        	<li>
                            	<a href="#" class="clear">
                            		<i class="i1"></i>
                                	<b>运动/户外/乐器</b>
                                	<i class="i0"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="clear">
                            		<i class="i2"></i>
                                	<b>运动/户外/乐器</b>
                                	<i class="i0"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="clear">
                            		<i class="i3"></i>
                                	<b>运动/户外/乐器</b>
                                	<i class="i0"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="clear">
                            		<i class="i4"></i>
                                	<b>运动/户外/乐器</b>
                                	<i class="i0"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="clear">
                            		<i class="i5"></i>
                                	<b>运动/户外/乐器</b>
                                	<i class="i0"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="clear">
                            		<i class="i6"></i>
                                	<b>运动/户外/乐器</b>
                                	<i class="i0"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="clear">
                            		<i class="i7"></i>
                                	<b>运动/户外/乐器</b>
                                	<i class="i0"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="clear">
                            		<i class="i8"></i>
                                	<b>运动/户外/乐器</b>
                                	<i class="i0"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="clear">
                            		<i class="i9"></i>
                                	<b>运动/户外/乐器</b>
                                	<i class="i0"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="clear">
                            		<i class="i10"></i>
                                	<b>运动/户外/乐器</b>
                                	<i class="i0"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="clear">
                            		<i class="i11"></i>
                                	<b>运动/户外/乐器</b>
                                	<i class="i0"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="clear">
                            		<i class="i12"></i>
                                	<b>运动/户外/乐器</b>
                                	<i class="i0"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="clear">
                            		<i class="i13"></i>
                                	<b>运动/户外/乐器</b>
                                	<i class="i0"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="clear">
                            		<i class="i14"></i>
                                	<b>运动/户外/乐器</b>
                                	<i class="i0"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="clear">
                            		<i class="i15"></i>
                                	<b>运动/户外/乐器</b>
                                	<i class="i0"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="clear">
                            		<i class="i16"></i>
                                	<b>运动/户外/乐器</b>
                                	<i class="i0"></i>
                                </a>
                            </li>
                        </ul>
                        <span>
                        	<a href="#">
                            	<b>车品特卖汇</b>
                                <p>特价来袭</p>
                            </a>
                        </span>
                    </div>
                    <div class="l-t-c">
                    	<a href="#"><img src="images/main2.jpg"/></a>
                        <div class="m clear">
                        	<div class="zuo clear">
                        		<img src="images/main3.jpg"/>
                            	<b>天猫必逛</b>
                            </div>
                            <div class="you clear">
                            	<i>热门品牌，天天上天猫！</i>
                            	<p>1<span>/6</span></p>
                            </div>
                        </div>
                        <ul class="clear">
                        	<li>
                            	<a href="#">
                                    <p>焕新</p>
                                    <b>品牌精选新品</b>
                                    <i>每日新品首发</i>
                                </a>
                            </li>
                            <li>
                            	<a href="#">
                                    <p>必抢</p>
                                    <b>牛货集结</b>
                                    <i>爆款清单</i>
                                </a>
                            </li>
                            <li>
                            	<a href="#">
                                    <p>天天搞机</p>
                                    <b>荣耀6X</b>
                                    <i>预约抽奖</i>
                                </a>
                            </li>
                            <li>
                            	<a href="#">
                                    <p>酷玩</p>
                                    <b>潮炫智能</b>
                                    <i>创意生活</i>
                                </a>
                            </li>
                            <li>
                            	<a href="#">
                                    <p>喵鲜生</p>
                                    <b>全球精选生鲜</b>
                                    <i>一站式购齐</i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="l-t-r">
                    	<a href="#"><img src="images/main9.jpg"/></a>
                        <p>今日热卖</p>
                        <a href="#"><img src="images/main10.jpg"/></a>
                    </div>
                </div>
                <div class="l-b clear">
                	<ul class="clear">
                    	<li>
                        	<a href="#" class="clear">
                            	<img src="images/main11.jpg"/>
                                <div class="r">
                                	<b>气质名媛</b>
                                    <i>傻白甜慎入</i>
                                    <p>
                                    	<img src="images/main16.jpg"/>
                                        <span>人气666666</span>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                        	<a href="#" class="clear">
                            	<img src="images/main12.jpg"/>
                                <div class="r">
                                	<b>气质名媛</b>
                                    <i>傻白甜慎入</i>
                                    <p>
                                    	<img src="images/main16.jpg"/>
                                        <span>人气666666</span>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                        	<a href="#" class="clear">
                            	<img src="images/main13.jpg"/>
                                <div class="r">
                                	<b>气质名媛</b>
                                    <i>傻白甜慎入</i>
                                    <p>
                                    	<img src="images/main16.jpg"/>
                                        <span>人气666666</span>
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                        	<a href="#" class="clear">
                            	<img src="images/main14.jpg"/>
                                <div class="r">
                                	<b>气质名媛</b>
                                    <i>傻白甜慎入</i>
                                    <p>
                                    	最新发现
                                    </p>
                                </div>
                            </a>
                        </li>
                        <li>
                        	<a href="#" class="clear">
                            	<img src="images/main15.jpg"/>
                                <div class="r">
                                	<b>气质名媛</b>
                                    <i>傻白甜慎入</i>
                                    <p>
                                    	<img src="images/main16.jpg"/>
                                        <span>人气666666</span>
                                    </p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="tr">
            	<div class="login">
                	<img src="images/main17.jpg"/>
                    <img src="images/main18.jpg"/>
                    <img src="images/main19.jpg"/>
                	<img src="images/main20.jpg"/>
                    <b>Hi!你好</b>
                    <p><img src="images/main21.jpg"/><a href="#">领淘宝金币抵钱</a> 或去 <a href="#">会员俱乐部</a></p>
                    <a href="#">登录</a>
                    <a href="#">注册</a>
                    <a href="#">开店</a>
                </div>
                <div class="notice">
                	<ul class="clear">
                    	<li>
                        	<a href="#">公告</a>
                        </li>
                        <li>
                        	<a href="#">规则</a>
                        </li>
                        <li>
                        	<a href="#">论坛</a>
                        </li>
                        <li>
                        	<a href="#">安全</a>
                        </li>
                        <li>
                        	<a href="#">公益</a>
                        </li>
                    </ul>
                    <a href="#">天猫双11全球狂欢节正式启航 揭幕新零售时代</a>
                    <a href="#">双11晚会嘉宾名单公布 揭秘天猫双11潮流盛典</a>
                </div>
                <ul class="product clear">
                	<li>
                    	<a href=""#>
                        	<i class="i1 clear"></i>
                            <p>充话费</p>
                        </a>
                    </li>
                    <li>
                    	<a href=""#>
                        	<i class="i2 clear"></i>
                            <p>游戏</p>
                        </a>
                    </li>
                    <li>
                    	<a href=""#>
                        	<i class="i3 clear"></i>
                            <p>旅行</p>
                        </a>
                    </li>
                    <li>
                    	<a href=""#>
                        	<i class="i4 clear"></i>
                            <p>保险</p>
                        </a>
                    </li>
                    <li>
                    	<a href=""#>
                        	<i class="i5 clear"></i>
                            <p>彩票</p>
                        </a>
                    </li>
                    <li>
                    	<a href=""#>
                        	<i class="i6 clear"></i>
                            <p>电影</p>
                        </a>
                    </li>
                    <li>
                    	<a href=""#>
                        	<i class="i7 clear"></i>
                            <p>点外卖</p>
                        </a>
                    </li>
                    <li>
                    	<a href=""#>
                        	<i class="i8 clear"></i>
                            <p>理财</p>
                        </a>
                    </li>
                    <li>
                    	<a href=""#>
                        	<i class="i9 clear"></i>
                            <p>找服务</p>
                        </a>
                    </li>
                    <li>
                    	<a href=""#>
                        	<i class="i10 clear"></i>
                            <p>音乐</p>
                        </a>
                    </li>
                    <li>
                    	<a href=""#>
                        	<i class="i11 clear"></i>
                            <p>水电煤</p>
                        </a>
                    </li>
                    <li>
                    	<a href=""#>
                        	<i class="i12 clear"></i>
                            <p>火车票</p>
                        </a>
                    </li>
                </ul>
                <div class="app">
                	<div class="t clear">
                    	<b>阿里APP</b>
                        <a href="#">更多&gt;</a>
                    </div>
                    <ul>
                    	<li>
                        	<a href="#"><i class="i1"></i></a>
                        </li>
                        <li>
                        	<a href="#"><i class="i2"></i></a>
                        </li>
                        <li>
                        	<a href="#"><i class="i3"></i></a>
                        </li>
                        <li>
                        	<a href="#"><i class="i4"></i></a>
                        </li>
                        <li>
                        	<a href="#"><i class="i5"></i></a>
                        </li>
                        <li>
                        	<a href="#"><i class="i6"></i></a>
                        </li>
                        <li>
                        	<a href="#"><i class="i7"></i></a>
                        </li>
                        <li>
                        	<a href="#"><i class="i8"></i></a>
                        </li>
                        <li>
                        	<a href="#"><i class="i9"></i></a>
                        </li>
                        <li>
                        	<a href="#"><i class="i10"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="b clear">
        	<div class="l">
            	<div class="l-t clear">
                	<p></p>
                    <img src="images/main22.jpg"/>
                    <h3>我常逛的</h3>
                    <b></b>
                    <a href="#">更多&gt;</a>
                </div>
                <div class="l-b clear">
                	<div class="zuo clear">
                    	<div class="list">
                        	<div class="s">
                            	<h3>美妆秀</h3>
                                <p>妆出腔调美要有范<p>
                            </div>
                            <div class="x">
                            	<h3>热门TOP</h3>
                                <a href="#">香水</a>
                                <a href="#">口红<img src="images/main24.jpg"/></a>
                                <a href="#">眉笔</a>
                                <a href="#">BB霜</a>
                                <a href="#">睫毛膏</a>
                                <a href="#">防晒<img src="images/main24.jpg"/></a>
                                <a href="#">脱毛<img src="images/main24.jpg"/></a>
                                <a href="#">面膜<img src="images/main24.jpg"/></a>
                                <a href="#">去黑头</a>
                                <a href="#">韩国代购<img src="images/main24.jpg"/></a>
                                <a href="#">日本代购</a>
                            </div>
                        </div>
                        <ul class="clear">
                        	<li>
                            	<a href="#">
                                    <b>
                                        <p>缤纷甲油</p>
                                    </b>
                                    <i>
                                        <p>心动唇膏</p>
                                    </i>
                                </a>
                            </li>
                            <li>
                            	<a href="#">
                                	<b>美颜好物</b>
                                    <i>明星最爱</i>
                                    <img src="images/main25.jpg"/>
                                </a>
                            </li>
                            <li>
                            	<a href="#">
                                	<p>夏日美妆潮流</p>
                                	<b>妆出你的范儿</b>
                                    <i>我就要白</i>
                                    <img class="img1" src="images/main26.jpg"/>
                                    <img class="img2" src="images/main27.jpg"/>
                                </a>
                            </li>
                            <li>
                            	<a href="#">
                                	<b>红人推荐</b>
                                    <i>值得挑选</i>
                                </a>
                            </li>
                            <li>
                            	<a href="#">
                                	<p class="p1">
                                    	<b>全球好货</b>
                                        <i>此草必拔</i>
                                        <img src="images/main28.jpg"/>
                                    </p>
                                    <p class="p2">
                                    	<b>洗发护发</b>
                                        <i>从头做起</i>
                                        <img src="images/main29.jpg"/>
                                    </p>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="you clear">
                    	<div class="list">
                        	<div class="s">
                            	<h3><img src="images/main30.jpg"/>全球购</h3>
                                <p>探索全球美好生活<p>
                            </div>
                            <div class="x">
                            	<h3>热门TOP</h3>
                                <a href="#">面膜<img src="images/main24.jpg"/></a>
                                <a href="#">香水</a>
                                <a href="#">化妆品</a>
                                <a href="#">修复面膜</a>
                                <a href="#">洗发水</a>
                                <a href="#">口红</a>
                                <a href="#">BB霜</a>
                                <a href="#">防晒霜</a>
                                <a href="#">手工皂</a>
                                <a href="#">护肤套装</a>
                                <a href="#">彩妆</a>
                            </div>
                        </div>
                        <ul class="clear">
                        	<li>
                            	<a href="#">
                                    <b>
                                        <p>限量口红</p>
                                    </b>
                                    <i>
                                        <p>精致项链</p>
                                    </i>
                                </a>
                            </li>
                            <li>
                            	<a href="#">
                                	<b>官网直购</b>
                                    <i>海外官网直发</i>
                                    <img src="images/main33.jpg"/>
                                </a>
                            </li>
                            <li>
                            	<a href="#">
                                	<p>发现全球好货</p>
                                	<b>新运动态度</b>
                                    <i>用运动改变生活</i>
                                    <img class="img1" src="images/main26.jpg"/>
                                    <img class="img2" src="images/main34.jpg"/>
                                </a>
                            </li>
                            <li>
                            	<a href="#">
                                	<b>爆料</b>
                                    <i>海外折扣爆料</i>
                                </a>
                            </li>
                            <li>
                            	<a href="#">
                                	<p class="p1">
                                    	<b>换机保湿</b>
                                        <i>肌肤补水</i>
                                        <img src="images/main36.jpg"/>
                                    </p>
                                    <p class="p2">
                                    	<b>保温杯</b>
                                        <i>冬日必备</i>
                                        <img src="images/main37.jpg"/>
                                    </p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="r">
            	<div class="r-t">
                	<div class="s clear">
                    	<img src="images/main38.jpg"/>
                        <a href="#">更多&gt;</a>
                    </div>
                    <div class="x clear">
                    	<img src="images/main39.jpg"/>
                        <div class="x-r">
                        	<p>大地色风衣才是秋冬主打款</p>
                            <a href="#">双11来啦，各种品牌大衣折扣预售，看得小编很是心动，要论今年秋冬穿</a>
                        </div>
                    </div>
                </div>
                <div class="r-b clear">
                	<img src="images/main40.jpg"/>
                    <div class="m">
                    	<a href="#">
                        	<img src="images/main41.jpg"/>
                            <div class="m-r">
                            	<h3>书房高档钢琴烤漆三件</h3>
                                <p>完美的书柜书桌、转椅组合，直接把书房布置的差不多了，</p>
                                <b>624人说好</b>
                            </div>
                        </a>
                    </div>
                    <div class="x">
                    	<a href="#">
                        	<img src="images/main42.jpg"/>
                            <div class="x-r">
                            	<h3>2015新款V领羊毛尼桑</h3>
                                <p>毛呢连衣裙也可以很飘逸，外罩褶皱真丝减轻了毛呢的厚重</p>
                                <b>230人说好</b>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <aside>
        	<ul>
            	<li>
                	<a href="#">我常逛的</a>
                </li>
                <li>
                	<a href="#">时尚</a>
                </li>
                <li>
                	<a href="#">品质</a>
                </li>
                <li>
                	<a href="#">特色</a>
                </li>
                <li>
                	<a href="#">实惠</a>
                </li>
                <li>
                	<a href="#">猜你喜欢</a>
                </li>
                <li>
                	<a href="#">反馈</a>
                </li>
                <li>
                	<a href="#">暴恐举报</a>
                </li>
            </ul>
        </aside>
    </div>
</section>

</body>
</html>
